<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.prime.com.tr/ui">
	<h:head>
		<title>OpenMEDIS Ukraine</title>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=9; IE=8" />
		<!-- GoogleMap -->
		<script src="http://maps.google.com/maps/api/js?sensor=false&amp;v=3.4" type="text/javascript"></script>
		<!-- css folder is located at src/main/webapp/resources/ -->
		<h:outputStylesheet name="css/main.css" />
	</h:head>
	<h:body>
<f:view contentType="text/html; charset=UTF-8">

<!-- css file is located at src/main/webapp/resources/main.css -->
<style type="text/css"> 
</style>

		<p:layout fullPage="true" style="min-width:400px; min-height:500px;">

			<p:layoutUnit position="north" minSize="80" styleClass="header">
				<ui:include src="/WEB-INF/templates/partials/header.xhtml" />
			</p:layoutUnit>

			<p:layoutUnit position="south" minSize="10" styleClass="footer">
						footer
				</p:layoutUnit>

			<ui:insert name="leftOuter">
				<p:layoutUnit position="west" size="200" styleClass="left">
					<ui:insert name="left">
            			left
        			</ui:insert>
				</p:layoutUnit>
			</ui:insert>

			<ui:insert name="rightOuter">
				<p:layoutUnit position="east" size="250" styleClass="right">
					<ui:insert name="right">
						right
					</ui:insert>
				</p:layoutUnit>
			</ui:insert>

			<p:layoutUnit position="center" styleClass="content">
				<ui:insert name="content">
						content
					</ui:insert>
			</p:layoutUnit>
		</p:layout>
		
		<!-- use it to define modal dialogs -->
		<ui:insert name="outOfLayout">	</ui:insert>
</f:view>
	</h:body>
</html>